<template>
  <div>
    <div
      v-if="isShow"
      class="popup_box posF"
      @touchmove.prevent
      @mousewheel.prevent
    >
      <div class="popup_main_box posA">
        <div class="popup_main_head padL30 fontS20 fonBold">
          {{ title }}
        </div>
        <div class="popup_main_text wBgColor">
          <div class="fontS16 color3F textCenter">{{ count }}</div>
          <slot name="customCount"></slot>
          <div class="flexCon marT30">
            <a-button type="primary" class="marR14" @click="confirm">
              确定
            </a-button>
            <a-button @click="hidePop">取消</a-button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "审批",
    },
    count: {
      type: String,
      default: String,
    },
    popShow: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      isShow: false,
    };
  },
  created() {
    this.isShow = this.popShow;
  },
  methods: {
    showPop() {
      this.isShow = true;
    },
    hidePop() {
      this.isShow = false;
    },
    confirm() {
      this.$emit("confirm");
    },
  },
};
</script>

<style>
</style>